<!-- offcanvas Menu Start -->
<div class="offcanvas-menu d-lg-none">
    <a class="menu-close" href="javascript:;">
        <span></span>
        <span></span>
    </a>
    <div class="offcanvas-menu-wrapper">
        <!-- Header info Start -->
        <div class="header-top-info">
            <p><a href="#">Track your order</a></p>
            <p>Call <a href="tel:+12345879541"> +12345 879 541</a></p>
        </div>
        <!-- Header info End -->
        <!-- Header Top Language & Currency Start -->
        <div class="header-top-action">
            <div class="header-top-lan dropdown">
                <button class="action" data-bs-toggle="dropdown">ENG</button>
                <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="#">English</a></li>
                    <li><a class="dropdown-item" href="#">spanish </a></li>
                    <li><a class="dropdown-item" href="#">اللغة العربية </a></li>
                </ul>
            </div>
            <div class="header-top-curr dropdown">
                <button class="action" data-bs-toggle="dropdown">USD</button>
                <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="#">Dollar (USD)</a></li>
                    <li><a class="dropdown-item" href="#">Pound (GBP)</a></li>
                    <li><a class="dropdown-item" href="#">Euro (EUR)</a></li>
                </ul>
            </div>
            <a href="#" class="action">Newsletter</a>
        </div>
        <!-- Header Top Language & Currency End -->
        <!-- Primary Menu Start -->
        <div class="mobile-primary-menu">
            <nav>
                <ul>
                    <li class="active"><a href="index.html">Home</a></li>
                    <li>
                        <a href="#">Shop</a>
                        <ul class="mega-sub-menu">
                            <li>
                                <a href="#">Shop Pages</a>
                                <ul class="menu-item">
                                    <li><a href="shop-grid.html">Shop Grid</a></li>
                                    <li><a href="shop-grid-left-sidebar.html">Shop Left Sidebar</a></li>
                                    <li><a href="shop-grid-right-sidebar.html">Shop Right Sidebar</a></li>
                                    <li><a href="shop-list.html">Shop List</a></li>
                                    <li><a href="shop-list-left-sidebar.html">Shop List Left Sidebar</a></li>
                                    <li><a href="shop-list-right-sidebar.html">Shop List Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">Product Details Page</a>
                                <ul class="menu-item">
                                    <li><a href="product-details.html">Product Details</a></li>
                                    <li><a href="product-details-left-sidebar.html">Product Details Left Sidebar</a></li>
                                    <li><a href="product-details-right-sidebar.html">Product Details Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><img src="assets/images/menu-banner.jpg" alt=""></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Page</a>
                        <ul class="sub-menu">
                            <li><a href="about.html">About</a></li>
                            <li><a href="cart.html">Cart</a></li>
                            <li><a href="wishlist.html">Wishlist</a></li>
                            <li><a href="empty-cart.html">Empty Cart</a></li>
                            <li><a href="checkout.html">Checkout</a></li>
                            <li><a href="my-account.html">My Account</a></li>
                            <li><a href="login.html">Login</a></li>
                            <li><a href="register.html">Register</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Blog</a>
                        <ul class="sub-menu">
                            <li>
                                <a href="#">Blog</a>
                                <ul class="sub-menu">
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                    <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">Blog Details</a>
                                <ul class="sub-menu">
                                    <li><a href="blog-details-left-sidebar.html">Blog Details Left Sidebar</a></li>
                                    <li><a href="blog-details-right-sidebar.html">Blog Details Right Sidebar</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
        </div>
        <!-- Primary Menu End -->
    </div>
</div>
<!-- offcanvas Menu End -->

<!-- offcanvas Menu Start -->
<div class="menu-overlay"></div>
<!-- offcanvas Menu End -->
{include file="home/include/search.html"}